<template>
  <view class="body-v">
	  <template v-if="data.list.length">
		  <template v-for="(item,index) in data.list" :key="index">
			  <view 
			  :style="{
				  'position': 'absolute', 
				  'z-index': '999', 
				  'top': item.top + 'rpx', 
				  'left': item.left + 'rpx',
				  'height': item.height + 'rpx',
				  'width': item.width + 'rpx',
				  }" @tap="sheep.$router.go(item?.url)"></view>
		  </template>
	  </template>
    <su-image :src="sheep.$url.cdn(data.src)" mode="widthFix" style="width: 100%;"></su-image>
  </view>
</template>

<script setup>
  /**
   * 图片组件
   */
  import sheep from '@/sheep';

  // 接收参数
  const props = defineProps({
    data: {
      type: Object,
      default: () => ({}),
    },
    styles: {
      type: Object,
      default: () => ({}),
    },
  });
</script>

<style lang="scss" scoped>
	.body-v{
		position: relative;
		display: flex;
		width: 750rpx;
	}
</style>
